<template>
	<view>
		<!-- 标题 -->
		<h1 class="title">{{title}}</h1>
		<!-- 详情 -->
		<uni-section type="line">
			<uni-grid :column="2" :square="false" :highlight="false">
				<uni-grid-item v-for="(item, index) in list" :index="index" :key="index">
					<uni-section type="line">
						<uni-card :cover="cover">
							<image slot='cover' style="width: 100%;" :src="cover"></image>
							<p class="uni-body">{{item.text}}</p>
							<text class="uni-body1">1111</text>
						</uni-card>
					</uni-section>
				</uni-grid-item>
			</uni-grid>
		</uni-section>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 详情标题
				title:'',
				cover: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg',
				list: [{
						url: '/static/c1.png',
						text: 'Grid 1',
						badge: '0',
						type: "primary"
					},
					{
						url: '/static/c2.png',
						text: 'Grid 2',
						badge: '1',
						type: "success"
					},
					{
						url: '/static/c3.png',
						text: 'Grid 3',
						badge: '99',
						type: "warning"
					},
					{
						url: '/static/c4.png',
						text: 'Grid 4',
						badge: '2',
						type: "error"
					},
					{
						url: '/static/c5.png',
						text: 'Grid 5'
					},
					{
						url: '/static/c6.png',
						text: 'Grid 6'
					},
					{
						url: '/static/c7.png',
						text: 'Grid 7'
					},
					{
						url: '/static/c8.png',
						text: 'Grid 8'
					},
					{
						url: '/static/c9.png',
						text: 'Grid 9'
					}
				]
			}
		},
		onLoad(option){
			this.title=option.title
		},
		methods: {
			
		}
	}
</script>

<style>
	.title{
		text-align: center;
	}
</style>
